Conversation
|
Played around with it a bit to see if could get a sensible middleground: So essentially:
Still scrollbar on smaller screens, but that's intended with the new Tables anyway. But this way we can get no scrollbars on larger displays Couldn't find your example, but looks decent for a couple participants at least. |
|
My example is from here: https://liquipedia.net/ageofempires/Age_of_Empires_II/Qualifier_Tournaments The issue with your solution is that the amount of opponents per row varies based on length of their name, which is very hard to read when there's more than a handful. |
How about we keep the original multi-column layout for participants, but truncate the tournament column on smaller screens? This test makes sure the column is 15rem minimum, but grows if space allows. Also made the table width: 100%, so not sure if these tables are used in layouts this doesn't work |
|
That would be fine be me. |

Summary
Remove the css that enabled positioning multiple participants in the same row, as it introduces scrollbars.
(see https://liquipedia.net/leagueoflegends/Portal:Tournaments#Qualifiers)
This means display is worse for tournaments with larger amounts of qualified participants or otherwise shared placements:

Ideally we'd have this wrapping while also not introducing scroll bars, but i have no idea how to make that happen.
How did you test this change?
dev